/**
 * 
 * merge level=76
 * 
 * 主界面控制
 */

Ext.define('Jfok.view.region.Viewport', {
	extend : 'Ext.container.Viewport',
	requires : ['Jfok.view.region.MainRegion',
			'Jfok.view.region.MainMenuToolbar', 'Jfok.view.region.MainMenuTree'],
	layout : 'border',
	items : [{
		region : 'north',
		layout : 'fit',
		border : false,
		frame : false,
		items : [{
					xtype : 'topregion'
				}],
		collapseMode : 'mini',
		listeners : {
			render : function(panel) {
				console.log(panel);
				Ext.widget('component', {
					floating : true,
					id : '_hiddenshowtop',
					topShow : true,
					height : 7,
					width : 48,
					x : (document.body.clientWidth - 48) / 2,
					firsty : panel.getHeight() - 9,
					y : panel.getHeight() - 9,
					cls : 'hiddentop',
					listeners : {
						el : {
							click : function() {
								var p = Ext.getCmp('_hiddenshowtop');
								panel[p.topShow ? 'hide' : 'show']();
								panel.ownerCt.down('bottomregion')[p.topShow ? 'hide' : 'show']();
								p.setY(p.topShow ? 0 : p.firsty);
								p.removeCls(p.topShow ? 'hiddentop' : 'showtop')
								p.topShow = !p.topShow;
								p.addCls(p.topShow ? 'hiddentop' : 'showtop')
							}
						}
					}
				}).show();
			}
		}
	}, {
		region : 'north',
		xtype : 'mainmenutoolbar',
		hidden : !(Cookies.get('menutoolbar', 'true') == 'true')
	}, {
		region : 'west',
		xtype : 'mainmenuregion',
		title : '导航菜单',
		hidden : Cookies.get('menutoolbar', 'true') == 'true',
		width : 220,
		collapsible : true,
		split : true
	}, {
		region : 'center',
		xtype : 'mainregion',
		bodyCls : 'panel-background',
		border : false,
		frame : false
	}, {
		region : 'south',
		xtype : 'bottomregion'
	}],

	listeners : {
		resize : function() {
			Ext.getCmp('_hiddenshowtop').setX((document.body.clientWidth - 48) / 2);
		}
	}

});